@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="reservationsInfoForm">
            <div style="display: none">
                <input type="hidden" id="id" value="${reservationsInfo.id}">
                <input id="vehicleValue" type="hidden" name="交通工具" underline="true"
                       value="${reservationsInfo.vehicle}"/>
                <input id="economicAbilityValue" type="hidden" name="经济能力" underline="true"
                       value="${reservationsInfo.economicAbility}"/>
                <input id="occupationValue" type="hidden" name="职业" underline="true"
                       value="${reservationsInfo.occupation}"/>
                <input type="hidden" id="customerSexValue" value="${reservationsInfo.customerSex}">
                <input type="hidden" id="maritalStatusValue" value="${reservationsInfo.maritalStatus}">
                <input type="hidden" id="isLargeValue" value="${reservationsInfo.isLarge}">
                <input type="hidden" id="provinceValue" value="${reservationsInfo.province}">
                <input type="hidden" id="citiesValue" value="${reservationsInfo.cities}">
                <input type="hidden" id="regionValue" value="${reservationsInfo.region}">
                <input type="hidden" id="oneMediumValue" value="${reservationsInfo.oneMedium}">
                <input type="hidden" id="twoMediumValue" value="${reservationsInfo.twoMedium}">
                <input type="hidden" id="thrMediumValue" value="${reservationsInfo.thrMedium}">
                <input type="hidden" id="oneChannelValue" value="${reservationsInfo.oneChannel}">
                <input type="hidden" id="twoChannelValue" value="${reservationsInfo.twoChannel}">
                <input type="hidden" id="thrChannelValue" value="${reservationsInfo.thrChannel}">
                <input type="hidden" id="outpatientNameValue" value="${reservationsInfo.outpatientName}">
                <input type="hidden" id="statusValue" value="${reservationsInfo.status}">
                <input type="hidden" id="payservicenameValue" value="${reservationsInfo.appointmentPayService}">
                <input type="hidden" id="phoneSharShipValue" value="${reservationsInfo.phoneSharShip}">
                <input type="hidden" id="accessDiseaseValue" value="${reservationsInfo.accessDisease}">
            </div>
            <div class="row">
                <div class="col-sm-4 b-r">
                    <#input id="reservationsNum" name="预约号*" underline="true" value="${reservationsInfo.reservationsNum}"/>
                    <#input id="customerName" name="客户姓名*" underline="true" value="${reservationsInfo.customerName}"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">性别</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="customerSex" name="customerSex">
                                <option value="1">男</option>
                                <option value="2">女</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="customerAge" name="年龄" underline="true"  value="${reservationsInfo.customerAge}"/>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">一级渠道</label>
                            <div class="col-sm-9">
                                <select  disabled="disabled" class="form-control" id="oneChannel" name="oneChannel">
                                </select>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">二级渠道</label>
                            <div class="col-sm-9">
                                <select class="form-control" id="twoChannel" name="twoChannel"></select>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">三级渠道</label>
                            <div class="col-sm-9">
                                <select class="form-control" id="thrChannel" name="thrChannel"></select>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">国家</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="country" name="country">
                                <option value="中国">中国</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">省份</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="province" name="province">
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">城市</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="cities" name="cities">
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">区域</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="region" name="region">
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>

                    <#input id="quarters" name="小区" underline="true"  value="${reservationsInfo.quarters}"/>

                </div>
                <div class="col-sm-4">
                    <#input id="customerPhone" name="电话*" underline="true"  value="${reservationsInfo.customerPhone}"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">电话使用人</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="phoneSharShip" name="phoneSharShip">
                                <option value="本人">本人</option>
                                <option value="爸爸">爸爸</option>
                                <option value="妈妈">妈妈</option>
                                <option value="儿子">儿子</option>
                                <option value="女儿">女儿</option>
                                <option value="朋友">朋友</option>
                                <option value="其他">其他</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">预约项目</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="appointmentPayService"
                                    name="appointmentPayService"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">访问病种</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="accessDisease"
                                    name="accessDisease">
                                <option value="">请选择</option>
                                <option value="种植">种植</option>
                                <option value="正畸">正畸</option>
                                <option value="修复">修复</option>
                                <option value="美白">美白</option>
                                <option value="拔牙智齿">拔牙智齿</option>
                                <option value="牙周">牙周</option>
                                <option value="洗牙洁牙">洗牙洁牙</option>
                                <option value="医院类">医院类</option>
                                <option value="儿童齿科">儿童齿科</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">一级媒介</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="oneMedium" name="oneMedium">
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">二级媒介</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="twoMedium" name="twoMedium"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">三级媒介</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="thrMedium" name="thrMedium"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="otherContact" name="其他联系方式" underline="true"  value="${reservationsInfo.otherContact}"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">职业</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="occupation" name="occupation"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">婚姻状况</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="maritalStatus" name="maritalStatus">
                                <option value="0">--请选择婚姻状况--</option>
                                <option value="1">已婚</option>
                                <option value="2">未婚</option>
                                <option value="3">离异</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">经济能力</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="economicAbility" name="economicAbility"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">状态</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="status" name="status">
                                <option value="预约">预约</option>
                                <option value="待定">待定</option>
                                <option value="跟进">跟进</option>
                                <option value="过期">过期</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <!--<#input disabled="disabled" id="classification" name="分类" underline="true"  value="${reservationsInfo.classification}"/>-->
                    <div class="form-group">
                        <label class="col-sm-3 control-label">预约门诊</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="outpatientName" name="outpatientName"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="appointmentArrivalTime" name="预约时间" underline="true" type="datetime"
                            clickFun="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"  value="${reservationsInfo.appointmentArrivalTime}"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">是否大单</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="isLarge" name="isLarge">
                                <option value="1">是</option>
                                <option value="2">否</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="obstaclePoint" name="障碍点" underline="true"  value="${reservationsInfo.obstaclePoint}"/>

                    <#input disabled="disabled" id="archiving" name="建档人*" underline="true" value="${reservationsInfo.archiving}" readonly="readonly"/>
                    <div class="archiving_btn" onclick="ReservationsInfoDlg.getArchiving()">选择</div>
                    <#input disabled="disabled" id="follower" name="跟进人" underline="true" value="${reservationsInfo.follower}" readonly="readonly"/>
                    <div class="follower_btn" onclick="ReservationsInfoDlg.getFollower()">选择</div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">交通工具</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="vehicle" name="vehicle"></select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <!--<#input disabled="disabled" id="entryClerk" name="录入人" underline="true"  value="${reservationsInfo.entryClerk}"/>-->
                    <#input id="qqNumber" name="QQ号" underline="true" value="${reservationsInfo.qqNumber}"/>
                    <#input id="wechatNumber" name="微信号" underline="true"  value="${reservationsInfo.wechatNumber}"/>
                    <!--<#input disabled="disabled" id="filingTime" name="建档时间" underline="true"  value="${reservationsInfo.filingTime}"/>-->
                </div>
            </div>
            <div class="row">
                <label class="control-label"> 备注</label>
                <div><textarea id="remarks" name="remarks" rows=5 cols=150>${reservationsInfo.remarks}</textarea></div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="ReservationsInfoDlg.adminEditSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="ReservationsInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/marketing/reservations/reservations_info.js"></script>
<script src="${ctxPath}/static/js/common/jsAddresss.js"></script>
<script src="${ctxPath}/static/js/common/jsChannel.js"></script>
<script src="${ctxPath}/static/js/common/jsMedium.js"></script>
<script type="text/javascript">
    var regioni = document.getElementById("regionValue").value;
    var provincei = document.getElementById("provinceValue").value;
    var citiesi = document.getElementById("citiesValue").value;
    var oneChanneli = document.getElementById("oneChannelValue").value;
    var twoChanneli = document.getElementById("twoChannelValue").value;
    var thrChanneli = document.getElementById("thrChannelValue").value;
    var oneMediumi = document.getElementById("oneMediumValue").value;
    var twoMediumi = document.getElementById("twoMediumValue").value;
    var thrMediumi = document.getElementById("thrMediumValue").value;
    //初始化下拉渠道列表
    $.post(Feng.ctxPath + "/channel/getChannelsss", function (data) {
        ChannelList = data;
        channelInit('oneChannel', 'twoChannel', 'thrChannel');
    }, "json");
    //初始化下拉媒介列表
    $.post(Feng.ctxPath + "/medium/getMedium", function (data) {
        MediumList = data;
        mediumInit('oneMedium', 'twoMedium', 'thrMedium');
    }, "json");
    addressInit('province', 'cities', 'region');
</script>
<style>
    #archiving, #follower {
        width: 75%;
    }

    .archiving_btn {
        z-index: 999;
        line-height: 30px;
        position: absolute;
        top: 375px;
        left: 370px;
        display: inline-block;
        text-align: center;
        width: 20%;
        height: 4%;
        cursor: pointer;
        color: white;
        font-size: 14px;
        border-radius: 20px;
        background: url("${ctxPath}/static/img/x19.png") no-repeat;
        background-size: cover;
    }

    .follower_btn {
        z-index: 999;
        line-height: 30px;
        position: absolute;
        top: 452px;
        left: 370px;
        display: inline-block;
        text-align: center;
        width: 20%;
        height: 4%;
        cursor: pointer;
        color: white;
        font-size: 14px;
        border-radius: 20px;
        background: url("${ctxPath}/static/img/x19.png") no-repeat;
        background-size: cover;
    }
</style>
@}
